// 基础功能
document.addEventListener('DOMContentLoaded', function() {
    // 标签页切换功能
    const tabBtns = document.querySelectorAll('.tab-btn');
    tabBtns.forEach(btn => {
        btn.addEventListener('click', function() {
            const tabId = this.getAttribute('data-tab');

            // 移除所有活动状态
            document.querySelectorAll('.tab-btn').forEach(btn => {
                btn.classList.remove('active');
            });

            document.querySelectorAll('.tab-content').forEach(content => {
                content.classList.remove('active');
            });

            // 添加当前活动状态
            this.classList.add('active');
            document.getElementById(tabId).classList.add('active');
        });
    });

    // 退出登录功能
    const logoutBtn = document.getElementById('logout-btn');
    if (logoutBtn) {
        logoutBtn.addEventListener('click', function(e) {
            e.preventDefault();
            if (confirm('确定要退出登录吗？')) {
                window.location.href="/user/logout";
            }
        });
    }
});
$(document).ready(function() {
    // 获取模态框元素
    const modal = $('#vip-modal');
    const span = $('.close', modal);

    // 点击开通会员按钮时显示模态框
    $('.btn[href="/vip"]').click(function(e) {
        e.preventDefault();
        modal.css('display', 'block');
    });

    // 点击关闭按钮时隐藏模态框
    span.click(function() {
        modal.css('display', 'none');
    });

    // 点击模态框外部时隐藏模态框
    $(window).click(function(event) {
        if (event.target === modal[0]) {
            modal.css('display', 'none');
        }
    });
});